iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 8
0

ㄉㄚ ㄌㄤˊ ㄉㄚ ㄌㄤˊ/images/emoticon/emoticon07.gif今天我們要來介紹一種超~級高級的功能
就是跑馬燈啦!!
每次看到網頁上有跑馬燈在那邊跑來跑去就會覺得很新奇><
那麼就來看看關於跑馬燈的語法吧!

marquee

就是我們用在跑馬燈的標籤囉!
<marquee>跑馬燈內容</marquee>
對的標籤就是那麼簡單明瞭哈哈,不過呢~跑馬燈的屬性設定可是有很多種,全看你想要讓他怎麼跑!

滾動方向 direction

在direction屬性後面寫上left和right,分別會像左或右不同方向跑
<marquee direction="right">跑馬內容</marquee>
你的跑馬燈就會一直往右跑~~~

來回滾動 behavior

<marquee behavior="alternate">跑馬燈內容</marquee>
沒錯就是你想的那樣!他往右跑跑到右邊的牆壁,然後直接再往左邊跑回來,就這樣一直來回來回跑就對啦~
一起試試看這個標籤功能吧!


上一篇
Day07-HTML標籤(5) / 圖片
下一篇
DAY09-HTML標籤(7) / 表格(上)
系列文
每個人都可以做出理想中的網站!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言